<template>
  <div id="app">
<!--    <img src="./assets/logo.png">-->
<!--    <h1>{{this.$store.state.count}}</h1>-->
<!--    <div>-->
<!--      <button @click="addfn()">增加</button>-->
<!--      <button @click="lessfn()">减少</button>-->
<!--    </div>-->
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',
  methods: {
    addfn () {
      // 提交名为addmu的mutations
      // this.$store.commit('addmu')
      // 以载荷方式分发
      this.$store.dispatch('addac')
    },
    lessfn () {
      // 提交名为lessmu的mutations
      // this.$store.commit('lessmu')
      // 以载荷方式分发
      this.$store.dispatch('lessac')
      // 以对象方式分发
      // this.$store.dispatch({type: 'lessac'})
    }
  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*text-align: center;*/
  color: #2c3e50;
}
</style>
